<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>People - Comics.US</title>
<link rel="stylesheet" href="../../template.css" type="text/css" />

<style type="text/css">
.style1 {
	text-decoration: underline;
}
</style>

</head>
<body style="background: transparent url('../../background/bg1t.png') no-repeat fixed center top">

<div id="outer_container">
  <div id="inner_container">
    <div id="header_wrapper">
 
    </div>
    <div id="navigator_container">
    		<div id="navigator"><a href="../../home" id="gl1" class="glink"> Home  |   </a><a href="../../list/comics/1" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);"> Comics  |   </a><a href="../../list/fiction/1" id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);"> Fictions  |   </a><a href="../../list/gallery/1" id="gl4" class="glink" onmouseover="ehandler(event,menuitem3);"> Gallery  |   </a><a href="../../list/clan/1" id="gl5" class="glink" onmouseover="ehandler(event,menuitem3);"> Clans  |   </a><a href="../../list/people/1" id="gl7" class="glink" onmouseover="ehandler(event,menuitem3);"> People  |   </a><a href="../../profile/{{username}}" id="gl6" class="glink" onmouseover="ehandler(event,menuitem3);"> Profile </a></div>


      <div id="search_container">
        <form id="form2" name="form2" method="post" action="">
          <label>
            <input type="text" name="textfield3" id="textfield3" />
            <input type="submit" name="button" id="button" value="Search" width="15px" />
          </label>
        </form>
      </div>
    </div>
    <div id="listing_header_container">
      <p>Breadcrumb (remain the same for all pages)</p>
    </div>
	{% if clan %}
	<a href="../../createClan"><input type="button" name="button12" id="button12" value="Create a New Clan" /></a>
	{% endif %}
    <div id="clan_listing">
    	
		{% if people %}
		<div id="left_clan_listing">
		 {% for f in left %}
			<div id="single_clan_listing_pic">
				<a href="../../profile/{{f.username}}"> <img alt="" height="95" src="../../profile_pic/{{f.username}}.jpg" width="126" /></a></div>
			<div id="single_clan_listing_text"><strong>Name-</strong> {{f.username}}<br />
				<strong>Rate-</strong> {{f.score}}<br />
				<strong>Member since-</strong>{{f.date_joined}}<br />
			  <strong><a href="../../list/{{f.username}}-illustrations/1">Work</a></strong><br />
				<strong><span class="style1"><a href="../../profile/add/{{f.username}}" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Add as Friend</a></span></strong></div>
		{% endfor %}
		</div>
		
		<div id="right_clan_listing">
		{% for f in right %}
			<div id="single_clan_listing_pic">
				<a href="../../profile/{{f.username}}"> <img alt="" height="95" src="../../profile_pic/{{f.username}}.jpg" width="126" /></a></div>
			<div id="single_clan_listing_text"><strong>Name-</strong> {{f.username}}<br />
				<strong>Rate-</strong> {{f.score}}<br />
				<strong>Member since-</strong>{{f.date_joined}}<br />
			  <strong><a href="../../list/{{f.username}}-illustrations/1">Work</a></strong><br />
				<strong><span class="style1"><a href="../../profile/add/{{f.username}}" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">Add as Friend</a></span></strong></div>
		{% endfor %}
		</div>
		{% endif %}
					
		{% if clan %}
		<div id="left_clan_listing">
		 {% for f in left %}
			<div id="single_clan_listing_pic">
				<a href="../../clan/{{f.clanName}}"> <img alt="" height="95" src="../../clanpics/{{f.clanName}}.jpg" width="126" /></a></div> <!-- display clan picture -->
			<div id="single_clan_listing_text"><strong>Clan Name-</strong>{{f.clanName}}<br />
				<strong>Founder-</strong><a href="../../profile/{{f.clanFounder}}"> <u>{{f.clanFounder}}</u> </a><strong>On-</strong> date<br />
			</div>
		{% endfor %}
		</div>
		
		<div id="right_clan_listing">
		{% for f in right %}
			<div id="single_clan_listing_pic">
				<a href="../../clan/{{f.clanName}}"> <img alt="" height="95" src="../../clanpics/{{f.clanName}}.jpg" width="126" /></a></div> <!-- display clan picture -->
			<div id="single_clan_listing_text"><strong>Clan Name-</strong>{{f.clanName}}<br />
				<strong>Founder-</strong><a href="../../profile/{{f.clanFounder}}"> <u>{{f.clanFounder}}</u> </a><strong>On-</strong> date<br />
			</div>
		{% endfor %}
		</div>
		{% endif %}
		{% if comics %}
		<div id="left_clan_listing">
		 {% for f in left %}
			<div id="single_clan_listing_pic">
				<a href="../../comics/{{f.title}}"> <img alt="" height="95" src="../{{f.path}}" width="126" /></a></div>
			<div id="single_clan_listing_text">
			<strong>Title-</strong> {{f.title}}<br />
				<strong>Genre-</strong> {{f.genre}}<br />
				<strong>By-</strong><a href="../../profile/{{f.of.username}}">{{f.of.username}}</a><br />
			</div>
		{% endfor %}
		</div>
		
		<div id="right_clan_listing">
		{% for f in right %}
			<div id="single_clan_listing_pic">
				<a href="../../comics/{{f.title}}"> <img alt="" height="95" src="../{{f.path}}" width="126" /></a></div>
			<div id="single_clan_listing_text">
			<strong>Title-</strong> {{f.title}}<br />
				<strong>Genre-</strong> {{f.genre}}<br />
				<strong>By-</strong><a href="../../profile/{{f.of.username}}">{{f.of.username}}</a><br />
			</div>
		{% endfor %}
		</div>
		{% endif %}
		{% if illustrations %}
		<div id="left_clan_listing">
		 {% for f in left %}
			<div id="single_clan_listing_pic">
				<a href="../../illustration/{{f.title}}"> <img alt="" height="95" src="../{{f.path}}" width="126" /></a></div>
			<div id="single_clan_listing_text">
			<strong>Title-</strong> {{f.title}}<br />
				<strong>Genre-</strong> {{f.genre}}<br />
				<strong>By-</strong><a href="../../profile/{{f.of.username}}">{{f.of.username}}</a><br />
			</div>
		{% endfor %}
		</div>
		
		<div id="right_clan_listing">
		{% for f in right %}
			<div id="single_clan_listing_pic">
				<a href="../../illustration/{{f.title}}"> <img alt="" height="95" src="../{{f.path}}" width="126" /></a></div>
			<div id="single_clan_listing_text">
			<strong>Title-</strong> {{f.title}}<br />
				<strong>Genre-</strong> {{f.genre}}<br />
				<strong>By-</strong><a href="../../profile/{{f.of.username}}">{{f.of.username}}</a><br />
			</div>
		{% endfor %}
		</div>
		{% endif %} 
		{% if fiction %}
		<div id="left_clan_listing">
		 {% for f in left %}
			<div id="single_clan_listing_pic">
				<a href="../../fiction/{{f.title}}"> {{f.abstract}}</a></div>
			<div id="single_clan_listing_text">
			<strong>Title-</strong> {{f.title}}<br />
				<strong>Genre-</strong> {{f.genre}}<br />
				<strong>By-</strong><a href="../../profile/{{f.of.username}}">{{f.of.username}}</a><br />
			</div>
		{% endfor %}
		</div>
		
		<div id="right_clan_listing">
		{% for f in right %}
			<div id="single_clan_listing_pic">
				<a href="../../fiction/{{f.title}}"> {{f.abstract}}</a></div>
			<div id="single_clan_listing_text">
			<strong>Title-</strong> {{f.title}}<br />
				<strong>Genre-</strong> {{f.genre}}<br />
				<strong>By-</strong><a href="../../profile/{{f.of.username}}">{{f.of.username}}</a><br />
			</div>
		{% endfor %}
		</div>
		{% endif %}
		
		{% if search %}
		<div id="left_clan_listing">
		{% for f in left %}
			<div id="single_clan_listing_pic">
				<a href="../../{{f.ctype}}/{{f.title}}"> {{f.title}}</a></div>
			<div id="single_clan_listing_text">
			<strong>By-</strong><a href="../../profile/{{f.name}}">{{f.name}}</a><br>
			<strong>Type-</Strong>  {{f.ctype}}<br>
			</div>
		{% endfor %}
		</div>
		<div id="right_clan_listing">
		{% for f in right %}
		<div id="single_clan_listing_pic">
				<a href="../../{{f.ctype}}/{{f.title}}"> {{f.title}}</a></div>
			<div id="single_clan_listing_text">
			<strong>By-</strong><a href="../../profile/{{f.name}}">{{f.name}}</a><br>
			<strong>Type-</Strong>  {{f.ctype}}<br>
			</div>
		{% endfor %}	
		</div>
		{% endif %}
    </div>
	{% if prev %}
	<a href="{{lpage}}"><input type="button" name="button12" id="button12" value="Previous" /></a>
    {% endif %}
	{% if next %}
	<a href="{{npage}}"><input type="button" name="button12" id="button12" value="Next" /></a>
    {% endif %}
    <div id="footer_container">
    footer_container
    </div>
  </div>
</div>
</body>
</html>

